<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv = "X-UA-Compatible" content="IE=edge">
    <meta http-equiv = "Access-Control-Allow-Origin" content = "*">
	<title></title>
	<script src="js/jquery.js" charset="utf-8"></script>
</head>
<style type="text/css" media="screen">
	.oul{
		width:100%;
	}
	.oul li{
		width:200px;
		height:80px;
		font-size: 60px;
	}
</style>
<body>
	<div id="pushul">
		<ul class="oul">
		</ul>
	</div>	
</body>
	<script>
	$.ajax({
		type:'get',
		async:false,
		url:"http://192.168.1.105:8080/fashionPeriodical/getFileName.html",
		scriptCharset: 'utf-8',
		dataType:"json",
		data:'',
		success:function(data){
			data=typeof data=="string"?JSON.parse(data) : data;
			var data=data.fileName;
			console.log(data)
			for(var i in data){
				var oli=$('<li class="oli">'+'<a href="">'+data[i]+'</a>'+'</li>');
				$('.oul').append(oli);
			}
			$('.oli a').click(function(){
				var new_li=$(this).text();
				window.open('index2.html?type=http://192.168.1.105:8080/fashionMedia/issueFile/json/201512/'+new_li)
			});
		}
	});
	</script>
</html>